/*------------------------------------------------------------------
Supports the MonthYearPicker control including inside of a popup.
Supports the toggle button to popup the MonthYearPicker.

NOTE: By default, DES compresses this file to remove comments.
You can also have it remove most whitespace or omit compression with this key
in the <appSettings> section of web.config:
<add key="DES_StyleSheetCompression" value="none|full" />
-------------------------------------------------------------------*/

/* Property: CssClass
Affects its overall appearance including border, main font, and background color.
Set up a TABLE, IMG, and A tag version of these to transfer
its settings into those aspects of this control */
.DES_MYPControl
{
   border-right: gray 1px solid;
   border-top: gray 1px solid;
   border-left: gray 1px solid;
   border-bottom: gray 1px solid;
   font-family: Arial;
   font-size: 8pt;
   background-color: white;
   cursor:default;
}
/* used on server side only version */
.DES_MYPControl A
{
   color:black;
   text-decoration:none;
}
/* prevent external img styles from affecting these styles */
.DES_MYPControl img
{
   background-color:transparent; 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-bottom:0px; 
   margin-right:0px;
}


/* default font for all nested tables in the control */
.DES_MYPControl TABLE
{
   font-size: 8pt;
   font-family: Arial;
   background-color: transparent;
   cursor:default;
}

/* Property: HeaderCssClass
The header area. Used when the HeaderTitle property is assigned.*/
.DES_MYPHeader
{
   background-color:transparent;
   padding-left: 2px;
   padding-right: 2px;
   width: 100%;
}

/* Property: OutOfRangeCellsCssClass
Cells that are outside of the ranged defined by the MinDate and MaxDate properties.*/
.DES_MYPOutOfRangeCell
{
   color: gray;
/* add if you want borders to cells  
   border-right: #C0C0C0 1px solid;
   border-top: #C0C0C0 1px solid;
   border-left: #C0C0C0 1px solid;
   border-bottom: #C0C0C0 1px solid;
*/
}

/* Property: MonthTableCssClass
Formats: both ManyYears and FewYears.
Applied to the entire month area.
Consider borders and background attributes. */
.DES_MYPMonthTable
{
}

/* Property: YearTableCssClass
Format: ManyYears
Applied to the entire year area. 
Consider borders and background attributes.*/
.DES_MYPYearTable
{
}

/* Property: MonthCellsCssClass
Formats: both ManyYears and FewYears.
Unselected cells in the month area. */
.DES_MYPMonthCell
{
   cursor: pointer;  /* W3C approved hand. */
   cursor: hand;   /* IE specific hand */
/* add if you want borders  
   border-right: #E0E0E0 1px solid;
   border-top: #E0E0E0 1px solid;
   border-left: #E0E0E0 1px solid;
   border-bottom: #E0E0E0 1px solid;
 */
}

/* Property: SelectedMonthCellsCssClass
Formats: both ManyYears and FewYears.
Selected cells in the month area. */
.DES_MYPSelectedMonthCell
{
   background-color: #ffd700; /* gold */
   cursor: pointer;
   cursor: hand;
/* add if you want borders   
   border-right: #E0E0E0 1px solid;
   border-top: #E0E0E0 1px solid;
   border-left: #E0E0E0 1px solid;
   border-bottom: #E0E0E0 1px solid;
*/
}


/* Property: YearCellsCssClass
Format: ManyYears.
Unselected cells in the year area. */
.DES_MYPYearCell
{
   cursor: pointer;
   cursor: hand;
/* add if you want borders   
   border-right: #E0E0E0 1px solid;
   border-top: #E0E0E0 1px solid;
   border-left: #E0E0E0 1px solid;
   border-bottom: #E0E0E0 1px solid;
*/
}

/* Property: SelectedYearCellsCssClass
Format: ManyYears.
Selected cells in the year area. */
.DES_MYPSelectedYearCell
{
   cursor: pointer;
   cursor: hand;
   background-color: #ffd700; /* gold */
/* add if you want borders   
   border-right: #E0E0E0 1px solid;
   border-top: #E0E0E0 1px solid;
   border-left: #E0E0E0 1px solid;
   border-bottom: #E0E0E0 1px solid;
*/
}

/* Property: MoveYearsButtonsCssClass
Format: ManyYears
Previous and Next Year buttons when they are textual (no images assigned).
*/
.DES_MYPYearButton
{
   cursor: pointer;
   cursor: hand;
   color: #0000cd;   /* mediumblue */
}

/* Mouse pressed effect for elements using DES_MYPYearButton.
This will be merged with DES_MYPYearButton 
and override only the attributes specified */
.DES_MYPYearButtonPressed
{
   color: #00008b;   /* darkblue */
}

/* Mouse over effect for elements using DES_MYPYearButton.
This will be merged with DES_MYPYearButton 
and override only the attributes specified */
.DES_MYPYearButtonMouseOver
{
   color: blue;
}

/* Property: OKCancelButtonsCssClass
Format: ManyYears
OK and Cancel buttons */
.DES_MYPOKCancel
{
	font-size:8pt;
	height:20px;
}

/* Property: MouseOverCssClass
Formats: ManyYears and FewYears
Provides the mouseover effect. 
This merges with DES_MYPMonthCell or DES_MYPYearCell
when the MouseOverCssClass property starts with "+". 
If you remove the +, it will be used without any other class having an effect.
*/
.DES_MYPMouseOver
{
   color: blue;
   border-right-color: #0000FF;	/* only used when the cell's regular class uses borders */
   border-top-color: #0000FF;
   border-left-color: #0000FF;
   border-bottom-color: #0000FF;
}

/* Property: YearTitleCssClass
Format: FewYears
Rows showing the year.
*/
.DES_FYPYearTitle
{
   border-top: black 1px solid;
   border-bottom: black 1px solid;
   background-color: #526d80;
   color:#FFFFFF;
}

/* Property: FooterCssClass
Format: FewYears
Overall footer area.
Consider borders and background attributes.
*/
.DES_FYPFooter
{
}
/* Property: FooterButtonCssClass
Format: FewYears
Forms the Close button, which is textual and uses the borders
here to look like a button.
Consider font and background color attributes.
*/
.DES_FYPFooterButton
{
   border-right: #E0E0E0 thin outset;  /* = lightgray */
   border-top: #E0E0E0 thin outset;
   border-left: #E0E0E0 thin outset;
   border-bottom: #E0E0E0 thin outset;
   background-color: #30495a; /* lightblue */
   color:#FFFFFF;
/*   
   font-family: Arial;
   font-size: 8pt;
   color: black;
*/
   cursor: pointer;
   cursor: hand;
/* margins give space between the button and the container */   
   margin-left: 5px;
   margin-right: 5px;
   margin-top: 2px;
   margin-bottom: 5px;
}

/* Mouse pressed effect for elements using DES_FYPFooterButton.
This will be merged with DES_FYPFooterButton 
and override only the attributes specified */
.DES_FYPFooterButtonPressed
{
   border-right: #E0E0E0 thin inset; /* = lightgray */
   border-top: #E0E0E0 thin inset;
   border-left: #E0E0E0 thin inset;
   border-bottom: #E0E0E0 thin inset;
   color:red;
}

/* Mouse over effect for elements using DES_FYPFooterButton.
This will be merged with DES_FYPFooterButton 
and override only the attributes specified */
.DES_FYPFooterButtonMouseOver
{
   color: #666666;
}

/* Property: PopupMonthYearPicker.CssClass
Popup MonthYearPicker toggle button.
Used by you set use a textual button by setting ToggleType=Text */
.DES_MYPPopup
{
}

/* Mouse pressed effect for elements using DES_MYPPopup.
This will be merged with DES_MYPPopup 
and override only the attributes specified */
.DES_MYPPopupPressed
{
   color: #00008b;  /* darkblue */
}

/* Mouse over effect for elements using DES_MYPPopup.
This will be merged with DES_MYPPopup 
and override only the attributes specified */
.DES_MYPPopupMouseOver
{
   color: blue;
}

/* prevent external img styles from affecting these styles */
.DES_MYPPopup img
{
   background-color:transparent; 
   margin-left: 0px; 
   margin-top: 0px; 
   margin-bottom:0px; 
   margin-right:0px;
}
/* When the mouse is pressed, this will be merged with DES_MYPPopup img
and override only the attributes specified */
.DES_MYPPopupPressed img
{
}

/* When the mouse is over, this will be merged with DES_MYPPopup img
and override only the attributes specified */
.DES_MYPPopupMouseOver img
{
}